<!DOCTYPE>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta name="format-detection" content="telephone=no">
		<title>随堂测试</title>
		<link rel="stylesheet" href="__PUBLIC__/css/weui.min.css" />
		<link rel="stylesheet" href="__PUBLIC__/doExercise/css/jqmobo.css">
		<script src="__PUBLIC__/js/jquery.min.js"></script>
		
		<style type="text/css">
			h1 .htitle{
				width: 33%;
			}
			.setclass{
				width: 33%;
				float: right;
				width: 26px;
			}
			#toptitle{
				padding: 12px;0;
			}
		</style>
	</head>

	<body>
		<form id="form1" method="post" action="">
			<div id="toptitle">
				<div class="setclass"><img src="/gailvlunpt/Public/images/icon_nav_cell.PNG" alt=""></div>
				<h1 class="htitle">自由练习</h1>
			</div>
				
			</div>
			<div id="divContent">
				<fieldset class="fieldset" style="" id="fieldset1">
					<div class="field ui-field-contain" id="div1" req="1" topic="1" data-role="fieldcontain" type="3">
						<div class="field-label">
							1.
							<label style="float: right;">平均用时：34s</label>
							<img src="__PUBLIC__/images/56e5563d4ea35.jpg" />
						</div>
						<div class="ui-controlgroup">
							<div class="ui-radio" id="choiceA" onclick="k = 'A';"><span class="jqradiowrapper"><a class="jqradio" href="javascript:;"></a></span>
								<label for="q1_1">A<span id="opA"><progress value="1" max="9" class="piao"></progress>1人</span></label>
							</div>
							<div class="ui-radio" id="choiceB" onclick="k = 'B';"><span class="jqradiowrapper"><a class="jqradio" href="javascript:;"></a></span>
								<label for="q1_1">B<span id="opA"><progress value="1" max="9" class="piao"></progress>1人</span></label>
							</div>
							<div class="ui-radio" id="choiceC" onclick="k = 'C';"><span class="jqradiowrapper"><a class="jqradio" href="javascript:;"></a></span>
								<label for="q1_1">C<span id="opA"><progress value="1" max="9" class="piao"></progress>1人</span></label>
							</div>
							<div class="ui-radio" id="choiceD" onclick="k = 'D';"><span class="jqradiowrapper"><a class="jqradio" href="javascript:;"></a></span>
								<label for="q1_1">D<progress value="1" max="9" class="piao"></progress>1人</label>
							</div>

						</div>
						<div id="answerAera" name="answerAera">
							正确答案：A
						</div>
						<div id="explainAera" name="explainAera">
							解析
							<img src="__PUBLIC__/doExercise/images/test1_1.png"/>
						</div>
					</div>
				</fieldset>
			</div>
			<input type="hidden" value="1" id="action" name="action">
			<input type="hidden" value="directphone" id="source" name="source">
			<div class="footer" id="footer">
				<div id="divSubmit" style="padding: 10px; margin-top: -15px;">
					<div style="width: 33.3%; float: left; align-items: center; align-content: center;align-self: center; align:center" ;>
						<a id="" class="button_sp_area" onclick="alert('这将是一个评论的窗口');" style="align-self: auto ;">评论(1)</a>
					</div>
					<div style="width: 33.3%;float: left; ">
						<center><a id="" class="button_sp_area" href="" style="align-self: auto ;">上一题</a></center>
					</div>
					<div style="width: 33.3%; float:left">
						<a id="" class="button_sp_area" href="" style="float:right">下一题</a>
					</div>
				</div>
			</div>
		</form>
		<div class="weui_dialog_confirm" id="dialog1" style="display: none;">
				<div class="weui_mask"></div>
				<div class="weui_dialog">
					<div class="weui_dialog_hd"><strong class="weui_dialog_title">统计的班级</strong></div>
					<div class="weui_dialog_bd">
						<input type="checkbox" style="margin-left: 30px;"/>网络1401班<br>
						<input type="checkbox" style="margin-left: 30px;"/>网络1401班<br>
						<input type="checkbox" style="margin-left: 30px;"/>网络1401班<br>
						<input type="checkbox" style="margin-left: 30px;"/>网络1401班<br>
						<input type="checkbox" style="margin-left: 30px;"/>网络1401班<br>
					</div>
					<div class="weui_dialog_ft">
						<a href="javascript:;" class="weui_btn_dialog default" id="cancel">取消</a>
						<a href="javascript:;" class="weui_btn_dialog primary" id="ensure">确定</a>
					</div>
				</div>
			</div>
	</body>
	<script type="text/javascript">
		$(".setclass").click(function(e){
			$("#dialog1").toggle();
			
		});
		$("#cancel").click(function(){
				$("#dialog1").toggle();
			});
	</script>
</html>